.tabbar {
  color: var(--word-primary);
  padding: 32px 4%;
  box-sizing: border-box;
  width: 100%;
  font-size: 32px;
  background: var(--primary);
  .middle {
    .item {
      margin: 0 32px;
      &.active {
        position: relative;
        color: var(--word-primary);
        &::before {
          content: '';
          position: absolute;
          height: 2px;
          width: 1.5em;
          bottom: -8px;
          left: 50%;
          transform: translate3d(-50%, 0, 0);
          background: var(--word-primary);
        }
      }
    }
  }
  .iconfont {
    font-size: 32px;
  }
}
